<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>结算</title>
    <link rel="stylesheet" href="../../css/ui.min.css"/>
    <link rel="stylesheet" href="../../css/iconfont.css"/>
    <link rel="stylesheet" href="../../css/shop.css"/>
    <script src="../../js/jquery-2.1.4.js"></script>
    <script src="../../js/poup.js"></script>
</head>
<body ontouchstart>
<header class="ui-header">
	<a href="javascript:history.go(-1)" class="ui-icon hd-left">
		<span class="iconfont icon-fanhui"></span>
	</a>
	<div class="ui-title">结算</div>
</header>
<div class="ui-content">
    <div class="js-cells">
        <a href="#" class="ui-cell ui-cell_access">
            <div class="ui-cell__bd">
                <p>请选择收货地址</p>
            </div>
            <div class="ui-cell__ft"></div>
        </a>
        <a href="#" class="ui-cell ui-inner-goods">
            <div class="inner-photo">
                <img src="../../images/cp1.jpg" alt="">
            </div>
            <div class="ui-cell__bd">
                <div class="inner-goods-tit">净重20斤纯手工水饺批发蒸饺煎饺饺子早餐饭店可混搭顺丰冷运包邮</div>
                <div class="inner-attr">规格：200g</div>
                <div class="sku-pop-price">￥99.99</div>
            </div>
            <div class="inner-number">x1</div>
        </a>
        <div class="ui-cell ui-cell_access open-popup" data-target="#kdModal">
        		<div class="ui-cell__bd">
        				<p>配送方式</p>
        		</div>
        		<div class="ui-cell__ft"><span id="kdTxt">快递 普邮</span></div>
        </div>
				<div class="ui-cell ui-cell_access open-popup" data-target="#payModal">
						<div class="ui-cell__bd">
								<p>支付方式</p>
						</div>
						<div class="ui-cell__ft"><span id="payTxt">微信支付</span></div>
				</div>
        <div class="ui-cell ui-cell_access" style="margin-bottom:20px;">
            <div class="ui-cell__hd">
                <label class="ui-label">买家留言</label>
            </div>
            <div class="ui-cell__bd">
                <input type="text" class="ui-input" placeholder="选填">
            </div>
        </div>
        <div class="ui-cell">
            <div class="ui-cell__bd">
                <div class="ui-total-box">
                    总共1件商品 小计：<span class="sku-pop-price">￥99.99</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="ui-cell ui-cart-acbar" style="z-index: 3;">
    <div class="ui-cell__bd">
        <div class="cart-pay">
            合计:<span class="cart-pay-price">￥99.99</span>
						<br>
						<span class="kd-tips">（含快递费<span class="kd-price">0</span>元）</span>
        </div>
    </div>
    <a href="fukuan.html" class="ui-btn ui-btn-cartbuy">去付款</a>
</div>

<!-- 支付方式 -->
<div id="payModal" class='ui-popup__container popup-bottom'>
  <div class="ui-popup__overlay"></div>
  <div class="ui-popup__modal">
    <div class="popup-toolbar">
    	支付方式
    </div>
		<div class="ui-cells ui-cells_radio">
      <label class="ui-cell ui-check__label pay-cell close-popup" for="x11">
        <div class="ui-cell__bd">
          <p>微信支付</p>
        </div>
        <div class="ui-cell__ft">
          <input type="radio" checked="checked" class="ui-check" value="微信支付" name="payradio" id="x11">
          <span class="ui-icon-checked"></span>
        </div>
      </label>
      <label class="ui-cell ui-check__label pay-cell close-popup" for="x12">
        <div class="ui-cell__bd">
          <p>支付宝支付</p>
        </div>
        <div class="ui-cell__ft">
          <input type="radio" name="payradio" value="支付宝支付" class="ui-check" id="x12">
          <span class="ui-icon-checked"></span>
        </div>
      </label>
    </div>
  </div>
</div>
<!-- 快递 -->
<div id="kdModal" class='ui-popup__container popup-bottom'>
  <div class="ui-popup__overlay"></div>
  <div class="ui-popup__modal">
    <div class="popup-toolbar">
			快递方式
		</div>
		<div class="ui-cells ui-cells_radio">
			<label class="ui-cell ui-check__label close-popup kd-cell" data-price = "0" for="x13">
				<div class="ui-cell__bd">
					<p>快递 普邮</p>
				</div>
				<div class="ui-cell__ft">
					<input type="radio" class="ui-check" checked="" name="kdradio" id="x13" checked="checked" value="快递 普邮">
					<span class="ui-icon-checked"></span>
				</div>
			</label>
			<label class="ui-cell ui-check__label close-popup kd-cell" data-price = "10" for="x14">
				<div class="ui-cell__bd">
					<p>快递 顺丰</p>
				</div>
				<div class="ui-cell__ft">
					<input type="radio" name="kdradio" checked="" class="ui-check" id="x14" value="快递 顺丰">
					<span class="ui-icon-checked"></span>
				</div>
			</label>
		</div>
  </div>
</div>
<script type="text/javascript">
	$('.kd-cell').find('input').click(function(){
		$('#kdTxt').text($(this).val())
	})
	$('.kd-cell').click(function(){
		$('.kd-price').text($(this).attr('data-price'))
	})
	$('.pay-cell').find('input').click(function(){
		$('#payTxt').text($(this).val())
	})
</script>
</body>
</html>